<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <script th:fragment="js" type="text/javascript" th:inline="text">
        jQuery(function () {

            $('#myModal').modal('hide');

            $('#myModal').on('hide.bs.modal', function () {
                //alert('嘿，我听说您喜欢模态框...');
            })
        });
        var confirmDelUser = function (roleId) {
            $("#myModal-del").modal("show");
            $("#doDel").one("click", function () {
                window.location = "./del?roleId="+roleId;
            });
        };
        var addCard = function (roleId) {
            $("#myModal-update").modal("show");
        };
        var addCardType = function (){
            $("#addCardType").modal("show");
        }
        var cards = function () {
            $("#cards").modal("show");
        };
        function addUpdatetr(){
            $("#myUpdateTable").append("&lt;tr id='trUpdate"+updateNum+"'&gt;&lt;td&gt;&lt;input type='text' name='list["+updateNum+"].dataType' id='list["+updateNum+"].dataType' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;input type='text' name='list["+updateNum+"].operation' id='list["+updateNum+"].operation' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;input type='text' name='list["+updateNum+"].dataDomain' id='list["+updateNum+"].dataDomain' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;span class='glyphicon glyphicon-trash' onclick='delUpdate("+updateNum+")' style='margin-bottom: .5em;'/&gt;&lt;/td&gt; &lt;/tr&gt;");
            updateNum++;
        }
        function delUpdate(num){
            $("#trUpdate"+num).remove();
        }
    </script>
</head>
</html>